<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Cssl.html</title>
	<style type="text/css">
		/* 后代选择器  用的是空格，是将前面那个类的后代全部选择*/
		.div1 p {
			color : red;
		}
		.div2 p {
			color : green;
		}
	</style>
</head>
<body>
	<div class="div1">
		<p>段落</p>
		<ul>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
		</ul>
	</div>
	<hr />
	<div class="div2">
		<ul>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
			<li><p>段落</p></li>
		</ul>
	</div>
</body>
</html>
